<template>
  <view
      :style="'padding-top:' + nTop + 'px;height:' + nHeight + 'px;line-height:' + nHeight + 'px;--color:' + color + ';'"
      class="navigationBox">
    <view :style="'height:' + nHeight + 'px;top:' + nTop + 'px'" class="nBar">
      <navigator :openType="pages.length === 1 ? 'switchTab' : 'navigateBack'"
                 :url="pages.length === 1 ? '/pages/index/index4' : ''" class="ico"
                 hoverClass="none">
        {{ pages.length === 1 ? '' : '' }}
      </navigator>
      <view class="title">{{ nTitle }}</view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      pages: [],
    }
  }
}
</script>

<style>
@import 'navigationBar.css';
</style>
